<html>
<head>
	<meta charset="UTF-8">
	<title>后台管理</title>
</head>
<body>
	<div class="controller-all" id="app">
		<div class="controller-top">
			<div style="text-align:center; padding-top:30px; font-size:28px;color:#FFFFFF;">
				车票系统后台管理
			</div>
		</div>
		<c_meun></c_meun>
		<div class="controller-right"><router-view></router-view></div>
	</div>
</body>

<!-- vue -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- 组件http vue loader -->
<script src="https://unpkg.com/http-vue-loader"></script>
<!-- 路由router -->
<script src="https://cdn.staticfile.org/vue-router/2.7.0/vue-router.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

<style type="text/css">
	body,ul,li,a{
		margin:0px;
		padding:0px;
		text-decoration:none;
		list-style:none;
	}
	.controller-top{
		background-color:#4169E1;
		width:100%;
		min-height:100px;
		height:auto;
	}
	.controller-right{
		width:85%;
		min-height:865px;
		height:auto;
		float:right;
		clear:right;
	}
</style>
<script>
	//路由组件
	const router = new VueRouter({
		routes : [
			{ path: '/ticketController',component: httpVueLoader('./component/controller/c_ticketController.vue')},
			{ path: '/ticketControllerUpdate',component: httpVueLoader('./component/controller/c_ticketControllerUpdate.vue')},
			{ path: '/ticketControllerAdd',component: httpVueLoader('./component/controller/c_ticketControllerAdd.vue')},
		]
	})
	//组件Vue
	Vue.use(httpVueLoader);
	new Vue({
		el : '#app',
		router,
		data : function (){
			return { visible : false }
		},
		components : {
			//将组件加入组件库
			'c_meun' : 'url:./component/c_controllerMenu.vue'
		}
	})
</script>
</html>
